<html>
<head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="container justify-content-center">
<div class="row w-100 h-100 align-items-center justify-content-center">
<div class="item d-flex justify-content-center align-items-center">
<h1 class="title">Quote of the Day</h1>
<p>Press the button below to get a new quote!</p>
<button id="newQuote">New Quote</button>
<p id="quote"></p>
<p id="name"></p>
</div>
</div>
</div>
<script src="js/jquery-3.5.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>